01 Ajouter Ecommerce

La première étape pour créer votre boutique en ligne est d'ajouter à votre espace de travail l'écran Produits.

Pour ajouter le composant e-commerce à une page de votre site web :

 

1. Cliquez sur l'icône Éléments
2. Cliquez sur E-commerce
3. Cliquez sur Écran produits

Vous pouvez personnaliser l'écran des produits comme vous le souhaitez :

 

1. Cliquez sur le composant Écran Produits
2. Cliquez sur Modifier
3. Cliquez sur Gestion e-commerce pour configurer votre e-commerce [lien Configurer votre boutique en ligne]
4. Cliquez sur l'icône crayon pour modifier les paramètres d'aperçu. Vous pouvez modifier le nombre de produits par ligne, la hauteur et la marge des images, les lignes de texte et le nombre d'aperçus par page
5. Cliquez sur Paramètres des images pour modifier les dimensions des images dans l'onglet ou dans les pop-up
6. Cliquez sur Couleurs pour modifier l'arrière-plan des aperçus et des boutons
7. Cliquez sur Style du texte pour modifier la police et la taille du titre des produits, des prix et des boutons
8. Cliquez sur Avancé pour :

- Activer ou désactiver la barre de recherche
- Trier les produits par ordre alphabétique, par prix, par date d'ajout, par code ou par quantité
- Afficher ou non les prix avec TVA
- Activer le zoom
- Personnaliser les éléments (étiquette, bouton afficher, quantité disponible, nombre d'articles, icônes sociales)
- Animer l'aperçu
- Filtrer par catégorie [Lien]
- Choisir le mode d'affichage des produits (Pop-up ou Page de destination)

 

La page de destination doit contenir le composant Fiche Produit

 

 

À savoir : La page de destination doit contenir le composant Fiche Produit. Il est possible de définir comme page de destination la même page contenant le composant Recherche Produits, afin que le composant Écran Produits de l'e-commerce soit également présent.

 

 

Comment créer une page de destination pour afficher les produits

1. Cliquez sur la droite de la barre d'outils
2. Cliquez sur l'icône page
3. Cliquez sur nouvelle page et donnez un nom à la page (Par exemple, Page de Destination)
4. Sélectionnez, parmi les modèles de la page, le modèle Détail du Produit.